<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>版块</title>
		<link href="<?=base_url("templates/default")?>/bootstrap/css/bootstrap.min.css" rel="stylesheet">
		<script src="<?=base_url("templates/default")?>/js/jquery.min.js"></script>
		<script src="<?=base_url("templates/default")?>/bootstrap/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="<?=base_url("templates/default")?>/css/style.css" />
	</head>
	<body>
		<div class="cong-head">
			<nav class="navbar navbar-default nav_top">
				<h4 class="navbar-text">宠物圈</h4>
			</nav>
			<div class="a_list">
				<ul class="list-group clearfix cong-ul-01">
					<li class="list-group-item col-xs-3 active1"><a href="<?php echo base_url("").'home/index/';?>"><span>首页</span></a></li>
					<li class="list-group-item col-xs-3"><a href="<?php echo base_url().'forum/index/';?>"><span>版块</span></a></li>
					<li class="list-group-item col-xs-3"><a href="<?php echo base_url().'shop/index/';?>"><span>商城</span></a></li>
					<li class="list-group-item col-xs-3"><a href="<?php echo base_url().'activity/index/';?>"><span>活动</span></a></li>
				</ul>
			</div> 
		</div>
		
		<div class="container">
			<h3>全部分类</h3>
			<div class="panel-group" id="accordion">
				<?php foreach ($getPetCatelist as $PetCate){?>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title cong-panel">
								<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
									<img class="img-circle" src="<?=base_url("templates/default")?>/img/gou4.jpg">
									<h5><?php echo  $PetCate['forum_name'];?></h5>
									<span class="cong-span glyphicon glyphicon-chevron-down"></span>
								</a>
							</h4>
						</div>
						<div id="collapseOne" class="panel-collapse collapse in">
							<div class="panel-body">
								<ul class="cong-list" style="display: block;">
									<li class="list-item">
										<?php foreach ($getPetList as $petList){ ?>
											<?php if($petList['parentid']==$PetCate['classid']){?>
												
												
													<a class="name" href="<?php echo base_url().'tiezi/index/'.$petList['classid'];?>"><?php echo $petList['forum_name'];?></a>
													
												
											<?php }?>
										<?php }?>
									</li>
								</ul>
							</div>
						</div>
					</div>
				<?php }?>


				<!-- 
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title cong-panel">
								<a data-toggle="collapse" data-parent="#accordion"
								   href="#collapseTwo">
									<img class="img-circle" src="<?=base_url("templates/default")?>/img/mao5.jpg">
									<h5>猫类</h5>
									<span class="cong-span glyphicon glyphicon-chevron-down"></span>
								</a>
							</h4>
						</div>
						<div id="collapseTwo" class="panel-collapse collapse">
							<div class="panel-body">
								<ul class="cong-list" style="display: block;">
									<li class="list-item">
										<a class="name" href="#">波斯猫</a>
										<a class="name" href="#">缅甸猫</a>
										<a class="name" href="#">布偶猫</a>
									</li>
									<li class="list-item">
										<a class="name" href="#">土耳其梵猫</a>
										<a class="name" href="#">俄罗斯蓝猫</a>
										<a class="name" href="#">索马里猫</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title cong-panel">
								<a data-toggle="collapse" data-parent="#accordion"
								   href="#collapseThree">
									<img class="img-circle" src="<?=base_url("templates/default")?>/img/niao5.jpg">
									<h5>鸟类</h5>
									<span class="cong-span glyphicon glyphicon-chevron-down"></span>
								</a>
							</h4>
						</div>
						<div id="collapseThree" class="panel-collapse collapse">
							<div class="panel-body">
								<ul class="cong-list" style="display: block;">
									<li class="list-item">
										<a class="name" href="#">八哥</a>
										<a class="name" href="#">云雀</a>
										<a class="name" href="#">画眉</a>
									</li>
									<li class="list-item">
										<a class="name" href="#">金丝雀</a>
										<a class="name" href="#">黄雀</a>
										<a class="name" href="#">百灵</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title cong-panel">
								<a data-toggle="collapse" data-parent="#accordion"
								   href="#collapseTwo">
									<img class="img-circle" src="<?=base_url("templates/default")?>/img/yu2.jpg">
									<h5>水族</h5>
									<span class="cong-span glyphicon glyphicon-chevron-down"></span>
								</a>
							</h4>
						</div>
						<div id="collapseTwo" class="panel-collapse collapse">
							<div class="panel-body">
								<ul class="cong-list" style="display: block;">
									<li class="list-item">
										<a class="name" href="#">墨龙睛</a>
										<a class="name" href="#">包金</a>
										<a class="name" href="#">红顶虎头</a>
									</li>
									<li class="list-item">
										<a class="name" href="#">乌云盖雪</a>
										<a class="name" href="#">黑皇冠</a>
										<a class="name" href="#">红珍珠</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				 -->
				
			</div>
		</div>
	</body>
</html>
